.link.text-center ul li {
    display: inline-block;
    padding: 0 20px;
    border-right: solid #646464 2px;
}
.link.text-center ul li:last-child {
    border-right: none;
}
.active-1{
    color: black;
    transition: 0.4s;
}
.link.text-center ul li:hover{
    color: black;
    transition: 1s;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 51%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-inner {
    max-height: 100vh;
}

.carousel-item h1 {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 65px;
    font-weight: 600;
    letter-spacing: 3px;
}

@media only screen and (max-width: 820px) {

    .link.text-center ul li {
        display: block;
        padding: 5px 20px;
        border-right: none;
        
    }
    .carousel-item h1 {
        font-size: 40px;
    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 41%;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
}


@media only screen and (max-width: 600px) {

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 35%;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    .carousel-item h1 {
        font-size: 30px;
    }
    .carousel-item img {
        min-height: 70vh;
        width: auto !important;
    }
}
@media only screen and (max-width: 400px) {

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 35%;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    .carousel-item h1 {
        font-size: 30px;
    }
    .carousel-item img {
        min-height: 70vh;
    }
}